<!doctype html>
<html>
<head>
	<title>little_dev_tips('t�pico')</title>
	<link href="formato.css" rel="stylesheet" type="text/css">
	<link href="cores.css" rel="stylesheet" type="text/css">	
</head>
<body>
	<header>
		<h1>
			little_dev_tips('t�pico');<br/>
			<!--<img class="code" alt="ruby code" src="code-banner.gif">-->
		</h1>
	</header>
    
	<div id="redesSociais">
		<!-- Adoniram, tentei fazer um bom recorte dessas imagens... mas n�o consegui! :(
		Se voc� souber como, pode dar uma moral? Valeu! -->
		<a href="http://www.facebook.com/"><img src="icone-facebook.png" alt="facebook"></a>
		<a href="http://www.twitter.com/"><img src="icone_twitter2.jpg" alt="twitter"></a>
		<a href="https://plus.google.com"><img src="google-plus-icon2.png" alt="google plus"></a>
	</div>
	<div id="container">
		<nav>
			<div id="categorias" class="itemMenu">
				<h2>Categorias</h2>
				<ul>
					<li><a href="#">Boas Pr�ticas</a></li>
					<li><a href="#">Padr�es de Projeto</a></li>
					<li><a href="#">Exce��es</a></li>
					<li><a href="#">IDE</a></li>
					<li><a href="#">Documenta��o</a></li>
					<li><a href="#">Teste Unit�rio</a></li>
					<li><a href="#">M�tricas</a></li>
				</ul>
			</div>
			<div id="tutoriais" class="itemMenu">
				<h2><a href="#">Tutoriais</a></h2>
			</div>
			<div id="artigos" class="itemMenu">
				<h2><a href="#">Artigos</a></h2>
			</div>
			<div id="feedback" class="itemMenu">
				<h2><a href="mailto:adoniram.dsn.pack@alterdata.com.br;castro.dsn.shop@alterdata.com.br">D�-nos seu feedback</a></h2>
			</div>
			<div id="sobre" class="itemMenu">
				<h2>Sobre os autores</h2>
				<ul>
					<li><a href="#">Adoniram Medeiros</a></li>
					<li><a href="#">Carlos Rafael Castro</a></li>
				</ul>
			</div>
		</nav>		
		<div id="container_artigo">
			<article>
				<section id="titulo" class="topico">
					<h2>T�pico</h2>
					<p>Era uma vez um t�pico de dica para o DSN, que era muito legal mas nem todos os programadores gostavam de ler e praticar. Uma vez, Adoniram e Castro resolveram fazer um blog para melhorar isso e incentivar a leitura.</p>
					<p>Depois de muito tempo bostificando, chegaram a um ponto em que gostaram e levaram adiante. Ser� que deu certo?</p>
				</section>
				<section id="como" class="topico">
					<h2>Como</h2>
					<p>Usando linguagem din�mica e livre (x� .NET!), eles construiram um blog que ficou muito melhor que p�ginas em .NET, sem View State, sem POGs, sem Entity Framework e dezenas de traquitanas utilizadas por quem n�o sabe programar WEB e OO.</p>
				</section>
				<section id="exemplos" class="topico">
					<h2>Exemplo</h2>
					<ul>
						<li>
							<h3>Delphi</h3>
							<h4>No lugar de</h4>
							<p class="codigo">Algum texto que ser� formatado de acordo com a IDE</p>
							<h4>Fa�a</h4>
							<p class="codigo">Algum texto que ser� formatado de acordo com a IDE</p>
						</li>						
						<li>
							<h3>Java</h3>
							<h4>No lugar de</h4>
							<p class="codigo">Algum texto que ser� formatado de acordo com a IDE</p>
							<h4>Fa�a</h4>
							<p class="codigo">Algum texto que ser� formatado de acordo com a IDE</p>
						</li>	
						<li>
							<h3>Python</h3>
							<h4>No lugar de</h4>
							<p class="codigo">Algum texto que ser� formatado de acordo com a IDE</p>
							<h4>Fa�a</h4>
							<p class="codigo">Algum texto que ser� formatado de acordo com a IDE</p>
						</li>	
					</ul>
				</section>
				<section id="motivo" class="topico">
					<h2>Por qu�?</h2>
					<ul>
						<li>� bom!</li>
						<li>� legal!</li>
						<li>Faz bem!</li>
						<li>Detestamos .NET!</li>
					</ul>
				</section>
				<section id="aplicacao" class="topico">
					<h2>Onde j� foi aplicado</h2>
					<ul>
						<li>Unit1.pas</li>
						<li>Unit2.pas</li>
						<li>Classe.java</li>
						<li>Teste.cs</li>
					</ul>
				</section>
			</article>
		</div>		
	</div>
	<footer>
		<h5>
			Powered by Python and Django. Mega Powered by coffee.<br/>
			O Minist�rio da Sa�de informa: estudar HTML5, CSS3 e JS fazem bem para a sa�de mental do programador.<br/>
			No Telerik/Silverlight/.NET here!!!
		</h5>
	</footer>
</body>
</html>